<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
      xmlns:c="http://java.sun.com/jsp/jstl/core"  
      >
      
	<body>
		<ui:composition template="/pages/template/template.xhtml">
			<ui:define name="content">
				<div class="contentWrapper">
					<div id="message-box">
						<h:messages errorClass="error" infoClass="info" layout="list"/>
					</div>
					<div class="contentArea">
						<h:form>
							<table width="300px" id="loginForm" class="genostics_form">
						    	<tr>
						    		<th colspan="2" align="left"><span style="font-size: 150%; font-weight: bold">Login</span></th>
						    	</tr>
						    	<tr>
						    		<td>
						    			<label for="j_username"><h:outputText value="Username:" /></label>
						    		</td>
						    		<td>
						    			<h:inputText id="j_username" value="#{loginBacking.userName}" required="true" />
						    		</td>
						    	</tr>
						    	<tr>
						    		<td>
						    			<label for="j_password"><h:outputText value="Password:" /></label>
						    		</td>
						    		<td>
						    			<h:inputSecret id="j_password" value="#{loginBacking.password}" required="true" />
						    		</td>
						    	</tr>
						    	<tr>
						    		<td>&nbsp;</td>
						    		<td> <h:commandButton type="submit" id="login" action="#{loginBacking.doLogin}" value="Login" />
						    				<span>&nbsp; &nbsp; &nbsp;</span>
						    			 <a href="register.jsf">
											Create an account
										</a>
						    		</td>
						    	</tr>
						    </table>
						    
						</h:form>
					</div>
				</div>
			</ui:define>
		</ui:composition>
	</body>
</html>